<!DOCTYPE html>
<html>

	<head lang="en">
		<meta charset="UTF-8">
		<title>注册</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<meta name="format-detection" content="telephone=no">
		<meta name="renderer" content="webkit">
		<meta http-equiv="Cache-Control" content="no-siteapp" />

		<link rel="stylesheet" href="../AmazeUI-2.4.2/assets/css/amazeui.min.css" />
		<link href="../css/dlstyle.css" rel="stylesheet" type="text/css">
		<script src="../AmazeUI-2.4.2/assets/js/jquery.min.js"></script>
		<script src="../AmazeUI-2.4.2/assets/js/amazeui.min.js"></script>
		<script type="text/javascript" src="../js/sweetalert2.all.js"></script>
	</head>

	<body>

		

		<div class="res-banner">
			<div class="res-main">
				<div class="login-banner-bg"><span></span><img src="../images/big.jpg" /></div>
				<div class="login-box">

					<div class="am-tabs" id="doc-my-tabs">
						<ul class="am-tabs-nav am-nav am-nav-tabs am-nav-justify">
							<li class="am-active">
								<a href="">注册</a>
							</li>
						</ul>

						<div class="am-tabs-bd">
							<div class="am-tab-panel am-active">
								<form id="regform" method="post" data-am-validator>

									<div class="user-email">
										<label for="email"><i class="am-icon-envelope-o"></i></label>
										<input type="text" name="username" id="username" placeholder="请输入用户名" required>
									</div>
									<div class="user-pass">
										<label for="password"><i class="am-icon-lock"></i></label>
										<input type="password" name="password" id="password" placeholder="设置密码" required>
									</div>
									<div class="user-pass">
										<label for="passwordRepeat"><i class="am-icon-lock"></i></label>
										<input type="password" name="" id="passwordRepeat" placeholder="确认密码">
									</div>

								</form>
								
								<div class="am-cf">
									<input type="button" onclick="register()" name="" value="注册" class="am-btn am-btn-primary am-btn-sm am-fl" style="background-color: #00C061;border-color: #00C061;">
								</div>
							</div>


							<script>
								$(function() {
									$('#doc-my-tabs').tabs();
								})
							</script>

						</div>
					</div>

				</div>
			</div>

			<div class="footer ">
				<div class="footer-hd ">
					<p>
						<a href="# ">商城首页</a>
						<b>|</b>
						<a href="# ">物流</a>
					</p>
				</div>
				<div class="footer-bd ">
					<p>
						<a href="# ">合作伙伴</a>
						<a href="# ">联系我们</a>
						<a href="# ">网站地图</a>
						<em>© com 版权所有</em>
					</p>
				</div>
			</div>
			
			<script type="text/javascript">
				function checkName(username){
					var rs;
					//判断用户名是否已被注册
					$.ajax({
						type: "post",
						url: "/user/checkName",
						async: false,
						data:{"username":username},
						dataType: "json",
						success:function(result){
							if(result.code==400){
								rs=false;
								//已注册
								swal({
									title: "用户名已被注册",
									timer: 1500,
									showConfirmButton: false,
									type: "error"
								}).then(
									function(){
										$("#regform").reset();//清空表单	
									}
								)
							}else{
								rs=true;
							}
						}
					});
					return rs;
				}
				
				function register(){
					var username=$("#username").val();
					var password=$("#password").val();
					var passwordRepeat=$("#passwordRepeat").val();
					//判空
					if(username==''||password==''||passwordRepeat==''){
						swal({
							title: "用户名或密码不能为空",
							timer: 1500,
							showConfirmButton: false,
							type: "warning"
						});
						return;
					}
					//判断密码是否一致
					if(password!=passwordRepeat){
						swal({
							title: "两次密码不一致",
							timer: 1500,
							showConfirmButton: false,
							type: "warning"
						});
						return;
					}
					
					//重名校验
					if(!checkName(username)){
						$("#regform").reset();//清空表单	
						return;
					}
					
					var regdata={"username":username,"password":password};
					//提交表单记录
					$.ajax({
						type: "post",
						url: "/user/insert",
						async: true,
						data: JSON.stringify(regdata),
						contentType: "application/json; charset=utf-8",
						dataType: "json",
						success: function(result) {
							if(result.resultCode == 200) {
								//跳转到登录页面
								window.location.href = '/portal/home/login.html';
							} else {
								swal({
									title: '抱歉，注册失败',
									type: 'error',
									showConfirmButton: false,
									timer: 1500
								})
							}
						}
					})
				}
				
			</script>
	</body>

</html>